const yellowLine = new ol.style.Style({
  //填充色
  fill: new ol.style.Fill({
    color: 'rgba(255, 255, 255, 0.2)',
  }),
  //边线颜色
  stroke: new ol.style.Stroke({
    color: '#ffcc33',
    width: 5,
  }),
})

// 图片标注样式
const icon = new ol.style.Style({
  /**{olx.style.IconOptions}类型*/
  image: new ol.style.Icon({
    anchor: [0.5, 60],
    anchorOrigin: 'top-right',
    anchorXUnits: 'fraction',
    anchorYUnits: 'pixels',
    offsetOrigin: 'top-right',
    // offset:[0,10],
    //图标缩放比例
    scale: 0.5,
    //透明度
    opacity: 0.75,
    //图标的url
    src: '../images/blueIcon.png',
  }),
})

// 文本标注样式
const text = new ol.style.Style({
  text: new ol.style.Text({
    offsetY: 10, // 垂直方向向下偏移10px
    font: 'normal 14px 微软雅黑',
    text: '北京',
    //文本填充样式（即文字颜色）
    fill: new ol.style.Fill({ color: '#aa3300' }),
    stroke: new ol.style.Stroke({ color: '#ffcc33', width: 2 }),
  }),
})

// 图文标注样式
const label = new ol.style.Style({
  image: new ol.style.Icon({
    anchor: [0.5, 60],
    anchorOrigin: 'top-right',
    anchorXUnits: 'fraction',
    anchorYUnits: 'pixels',
    offsetOrigin: 'top-right',
    // offset:[0,10],
    //图标缩放比例
    scale: 0.5,
    //透明度
    opacity: 0.75,
    //图标的url
    src: './image/blueIcon.png',
  }),
  text: new ol.style.Text({
    offsetY: 10, // 垂直方向向下偏移10px
    font: 'normal 14px 微软雅黑',
    text: '标注点',
    //文本填充样式（即文字颜色）
    fill: new ol.style.Fill({ color: '#aa3300' }),
    stroke: new ol.style.Stroke({ color: '#ffcc33', width: 2 }),
  }),
})

const measureStyle = new ol.style.Style({
  //图层样式
  fill: new ol.style.Fill({
    color: 'rgba(255, 255, 255, 0.2)', //填充颜色
  }),
  stroke: new ol.style.Stroke({
    //color: '#ffcc33', //边框颜色
    color: 'skyblue',
    width: 2, // 边框宽度
  }),
  image: new ol.style.Circle({
    radius: 7,
    fill: new ol.style.Fill({
      //color: '#ffcc33',
      color: 'skyblue',
    }),
  }),
})
